<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        header{
            background-color: rgb(81, 240, 81);
            text-align: center;
            color: white;
            width: 100%;
            position: fixed;
            top: 0;
        }
        .daohang{
            background-color: black;
            color: white;
            width: 100%;
            word-spacing: 20px;
            text-align:center;
        }
        .db{
            background-color: rgb(81, 240, 81);
            text-align: center;
            color: white;
            width: 100%;
            position: fixed;
            bottom: 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>班级竞赛</h1>
        <p>软件web班</p>
        <p>2025年5月9日</p>
    </header><br><br><br><br>
    <div class="daohang">
        <span>竞赛介绍</span>
        <span>参赛选手</span>
        <span>竞赛规则</span>
        <span>成绩展示</span>
    </div>
    <div style="margin-top: 50px;">
        <h1 style="color: rgb(81, 240, 81);">竞赛介绍</h1>
        <p>本次竞赛旨在提高同学们的学习积极性和团队协作能力，通过竞赛的形式激发同学们的学习热情，促进班级整体学习氛围的提升。竞赛形式为个人赛，涵盖语文、数学、英语等多个学科。</p>
    </div>
    <div style="margin-top: 50px;">
        <h1 style="color: rgb(81, 240, 81);">参赛选手</h1>
        <ol>
            <li>1.<img src="./img/zhibo.jpg" width="10%" alt="">姓名:张三简介:勤奋好学，成绩优异</li>
            <li>2.<img src="./img/zhibo.jpg" width="10%" alt="">姓名:李四简介:思维敏捷，善于思考</li>
            <li>3.<img src="./img/zhibo.jpg" width="10%" alt="">姓名:王五简介:学习刻苦，进步显著</li>
        </ol>
    </div>
    <div>
        <h1 style="color: rgb(81, 240, 81);">竞赛规则</h1>
        <p>1.竟赛时间为1小时，选手需在规定时间内完成所有题目。</p>
        <p>2.竟赛题日包括选择题、填空题和简答题，总分为 100 分。</p>
        <p>3.选手需独立完成竟赛，不得抄袭或作弊，否则取消比赛资格。</p>
        <p>4.根据选手的最终成绩进行排名，评选出一等奖1名、二等奖2 名、三 等奖3名。</p>
    </div>
    <div>
        <h1 style="color: rgb(81, 240, 81);">成绩展示</h1>
        <table frame="box" rules="all" style="width: 80%;text-align: center;">
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>英语</th>
                <th>总分</th>
            </tr>
            <tr>
                <td>张三</td>
                <td>90</td>
                <td>95</td>
                <td>88</td>
                <td>273</td>
            </tr>
            <tr>
                <td>李四</td>
                <td>85</td>
                <td>88</td>
                <td>92</td>
                <td>265</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>80</td>
                <td>82</td>
                <td>88</td>
                <td>250</td>
            </tr>
        </table>
    </div>
    <div class="db">
        <p>班级口号:团结、奋进、拼搏、向上</p>
        <p>制作人:景晨宇</p>
    </div>
</body>
</html>